<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>顺山科技智慧生活服务平台</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/member/mobilepersonal/mobileSetUp.css(css=${css})}"/>
		</th:block>
	</head>
	<body>
		<div class="weui-tab">
			<div class="weui-tab-title-setup"><i class="fa fa-angle-left" onclick="back()"></i><h1>个人设置</h1></div>
			<div class="weui-tab-main-order">
				<div class="weui-tab-main-personalinfo">
					<div class="weui-info-title">
						<h3>个人信息</h3>
					</div>
					<div class="weui-info-content">
						<div class="weui-cells">
						    <a class="weui-cell weui-cell_access" href="javascript:void(0);" id="name">
					            <div class="weui-cell__bd">
					              <p>昵称</p>
					            </div>
					            <div class="weui-cell__ft" th:text="${info.nickname}"></div>
				        	</a>
					  	</div>
					</div>
				</div>
				
				<div class="weui-tab-main-personalinfo">
					<div class="weui-info-title">
						<h3>安全设置</h3>
					</div>
					<div class="weui-info-content">
						<div class="weui-cells">
						    <a class="weui-cell weui-cell_access" href="javascript:void(0);">
					            <div class="weui-cell__bd">
					              <p>手机号</p>
					            </div>
					            <div class="weui-cell__ft" th:text="${info.memberphone}"></div>
				        	</a>
					  	</div>
					</div>
				</div>
				
				<div class="weui-tab-main-personalinfo">
					<div class="weui-info-title">
						<h3>支付绑定</h3>
					</div>
					<div class="weui-info-content">
						<div class="weui-cells">
							<a th:each="bind : ${info.bindinfos}" class="weui-cell weui-cell_access" href="javascript:void(0);">
								<div class="weui-cell__bd">
									<p th:if="${bind.bindtype == 1}">微信</p>
									<p th:if="${bind.bindtype == 2}">支付宝</p>
									<p th:if="${bind.bindtype == 3}">银联</p>
								</div>
								<th:block th:if="${bind.isreal} eq '1' ">
									<div class="weui-cell__ft" th:data="${bind.entityid}" onclick="removebind(this)">解除绑定</div>
								</th:block>
								<th:block th:if="${bind.isreal} eq '0' ">
									<div class="weui-cell__ft">未绑定</div>
								</th:block>
							</a>
							<!-- 
						    <a class="weui-cell weui-cell_access" href="javascript:void(0);">
					            <div class="weui-cell__bd">
					              <p>微信</p>
					            </div>
					            <div class="weui-cell__ft">未绑定</div>
				        	</a>
				        	<a class="weui-cell weui-cell_access" href="javascript:void(0);">
					            <div class="weui-cell__bd">
					              <p>支付宝</p>
					            </div>
					            <div class="weui-cell__ft">解除绑定</div>
				        	</a>
							 -->
					  	</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--修改昵称弹框-->
		<div class="weui-masking" style="display: none;">
			<div class="weui-stock">
				<div class="weui-stock-title"><h2>修改昵称<i class="fa fa-close"></i></h2></div>
				<div class="weui-stock-content">
					<label>昵称：</label>
					<input id="nickname" type="text" style="width:200px; height:30px; line-height:30px; border-radius: 10px; border:1px #e1e1e1 solid;" th:value="${info.nickname}"/>
				</div>
				<ul class="weui-stock-btn">
					<li class="weui-first-child" onclick="changenick()"><a>确认</a></li>
					<li class="weui-last-child"><a>取消</a></li>
				</ul>
			</div>
		</div>
		<!--修改昵称弹框-->
		
	<script type="text/javascript" th:src="@{{js}/mobile/member/mobilepersonal/mobileSetUp.js(js=${js})}"></script>
	</body>
</html>